@charset "utf-8";
body,div,p,ul,ol,li,dl,dt,dd,table,h1,h2,h3,h4,h5,h6,span,input,td,pre{margin: 0px; padding: 0px;}
body{font-size: 12px; font-family: "微软雅黑"; color: #444; /*overflow: hidden;*/}
input{vertical-align:middle;}
li{list-style: none;}
html{height:100%;}
body{height:100%;margin:0px;padding:0px; font-size:12px;}
#map{width: 100%; height:100%; min-height: 640px; position: relative;}

.cur_typhoon{overflow: hidden; width: 100%; height: 55px; position: absolute; top: 0px; left: 0px; z-index: 9; background: #FFF url("../images/logo.png") no-repeat 12px 5px; border-bottom: 1px solid #dadbde;/* box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);*/}
.cur_typhoonlist{margin-left: 300px; float: left; display: none; height: 55px; padding-left: 35px; background: url("../images/tips.png") no-repeat 20px 17px;}
.cur_typhoon_info{display: inline-block; position: relative; cursor: default; height: 16px; line-height: 16px; margin-top: 22px; padding: 0px 10px; /*background: url("../images/11.png") no-repeat 10px 18px; background-size: 11px 16px;*/ font-size: 14px; font-family: "微软雅黑"; color: #0080ff; font-weight: bold; border-left: 2px solid #0080ff;}
.cur_typhoon_info_0{display: inline-block; position: relative; cursor: default; height: 16px; line-height: 16px; margin-top: 22px; padding: 0px 10px; /*background: url("../images/11.png") no-repeat 10px 18px; background-size: 11px 16px;*/ font-size: 14px; font-family: "微软雅黑"; color: #0080ff; font-weight: bold;}

.menu{/*width: 61px;*/width: 70px; height: 100%; min-height: 640px; position: absolute; top: 0px; left: 0px; z-index: 8; background: #323232;/* border-right: 1px solid #cad3e0; box-shadow: -2px 6px 5px rgba(0, 0, 0, 0.65);*/}
.menu span.tb{ display: inline-block; /*width: 61px; height: 62px;*/width: 70px; height: 70px;}
/*.menuSelected{background-color: #3c7eea;}*/
.tbSelected{/*background-position: -61px 0px;*/background-color: #4d94f8;}
.menuDefault{background-color: transparent;}
.tbDefault{background-position: 0px 0px;}
.menu dl{position: relative;/* margin-top: 10px;*/ /*width: 60px;*/width: 70px; float: left; margin-bottom: 1px; cursor: pointer;}
.menu dl.menu_1{
	margin-top: 55px;
}
.menu .menu_typhoon{/*height: 62px;*/height: 70px;}
.menu .menu_typhoon .tb{background-image: url("../images/u55_1.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_typhoon_panel{display: none; position: absolute; width: 300px; top: 0px; left: 70px; font-family: '微软雅黑';}
.menu .menu_typhoon_panel .typhoon_content{position: relative; height: 600px; overflow-y: auto; overflow-x: hidden; padding: 0px; background-color: #fff; border: 1px solid #c9d2df; border-left: none;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search{margin-bottom: 10px; display: none; padding: 16px 0px 16px 7px; background: #fafafa; border: 1px solid #FFF; border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search input{width: 89px; height: 20px; position: relative; top: -2px;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search .search_year{width: 81px; height: 29px; text-align: center; line-height: 29px; color: #FFF; padding: 0px 10px 0px 0px; background: url("../images/btn-bg.png"); cursor: pointer; display: inline-block; float: left;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search select{width: 89px; height: 22px;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search .search_month{display: inline-block; margin-left: 20px; width: 81px; height: 29px; line-height: 29px; text-align: center; color: #FFF; padding: 0px 10px 0px 0px; background: url("../images/btn-bg.png"); cursor: pointer; float: left;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search .month_list{display: none; position: absolute; left: 120px; top: 48px; z-index: 2; width: 89px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #FFF;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search .month_list li{border-bottom: 1px solid #e5e5e5; height: 25px; line-height: 25px; cursor: pointer; text-align: center;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search .search_name{margin-top: 10px; width: 155px; height: 30px; padding-left: 5px; font-size: 12px; border: 1px solid #DBDBDB; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);}
.menu .menu_typhoon_panel .typhoon_content .typhoon_search .search_btn{margin-top: 10px; width: 73px; height: 32px; background: url("../images/sousuo.png"); border: 0px; left: -4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);}
.menu .menu_typhoon_panel .typhoon_content .typhoon_res{/*padding-bottom: 10px;*/ background: #FFF; border-top: none; /*border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);*/}

.menu .menu_typhoon_panel .typhoon_content .typhoon_res .select_year{font-size: 18px; width: 107px; height: 23px; text-align: center; line-height: 23px; color: #4b98e4; padding: 0px;/* background: url("../images/btn-bg.png");*/ background-color: #f6f6f6; cursor: pointer; display: inline-block; margin: 16px 5px 5px 20px;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_res .select_year .search_year{width: 81px; float: left; height: 23px; line-height: 23px; font-size: 14px; font-weight: normal; border: 1px solid #cdcdcd; border-radius: 4px 0px 0px 4px;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_res .select_year .btn_arrow{width: 23px; float: left; height: 23px; position: relative; border: 1px solid #cdcdcd; border-radius: 0px 4px 4px 0px; border-left: none;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_res .select_year .btn_arrow .btn_arr_down{border: 5px solid; border-color: #4b98e4 transparent transparent transparent; position: absolute; top: 10px; right: 7px; }
.menu .menu_typhoon_panel .typhoon_content .typhoon_res .listTitle{position: relative; padding: 0px 0px 0px 10px; color: #166abe; font-size: 16px; border-bottom: 1px solid #ced6e1;/* border-radius: 4px 4px 0px 0px;*/ background-color: #fafcff;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_res .listTitle .typhoonClose{color: #5391cf; font-size: 18px; line-height: 18px; height: 18px; width: 30px; text-align: center; position: absolute; right: 2px; top: 10px; cursor: pointer;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_res .year_list{display: none; position: absolute; left: 94px; top: 42px; z-index: 2; width: 105px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background: #FFF;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_res .year_list li{border-bottom: 1px solid #e5e5e5; height: 25px; line-height: 25px; cursor: pointer; text-align: center;}

.menu .menu_typhoon_panel .typhoon_content .typhoon_list{height: 247px; overflow-x: hidden; overflow-y: auto;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_list li{position: relative; padding: 6px 8px; border-bottom: 1px dashed #E5E5E5; overflow: hidden; line-height: 24px; }
.menu .menu_typhoon_panel .typhoon_content .typhoon_list li input{margin-right: 10px;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_list li a{position: absolute; display: inline-block; width: 24px; height: 24px; float: right; margin-right: 10px;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_list li a.share{right: 10px; background: url("../images/u94.png") no-repeat;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_list li span.loadingBtn{display: none; right: 50px; width: 20px; height: 20px; position: absolute; top: 8px; background: url("../images/loading.gif") no-repeat -5px -7px;}
/* .menu .menu_typhoon_panel .typhoon_content .typhoon_list li span.startBtn{background: url("../images/bf_.png") no-repeat 3px 2px;} */
.menu .menu_typhoon_panel .typhoon_content .typhoon_list li span.playBtn{display: none; right: 50px; width: 20px; height: 20px; position: absolute; top: 8px; cursor: pointer;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_list li span.startBtn{background: url("../images/bf_.png") no-repeat 3px 2px;}
.menu .menu_typhoon_panel .typhoon_content .typhoon_list li span.pauseBtn{background: url("../images/pause.png") no-repeat 3px 2px;}
.menu .menu_typhoon_panel .typhoon_content .orgs{padding: 10px 0px 10px 14px; display: none;}
.menu .menu_typhoon_panel .typhoon_content .orgs p{padding-bottom: 10px; font-size: 14px; font-weight: bold;}
.menu .menu_typhoon_panel .typhoon_content .orgs label{margin: 0px 11px 0px 2px;}
.menu .menu_typhoon_panel .typhoon_content .paths{padding: 0px;}
.menu .menu_typhoon_panel .typhoon_content .paths p{border-top: 1px solid #ced6e1; padding: 10px 10px; background: #fafcff; color: #5391cf; font-size: 14px; font-size: 16px;}
.menu .menu_typhoon_panel .typhoon_content .paths #pathContainer{overflow: hidden; background-color: #e4f2fa; position: relative;}

.menu .menu_forecast_seaArea{height: 67px; padding: 3px 5px 0px 5px;}
.menu .menu_forecast_seaArea .tb{background-image: url("../images/u53_.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_forecast_seaArea_panel{display: none; position: absolute; width: 240px; top: 0px; left: -260px; font-family: '微软雅黑'; padding: 0px 10px 10px 10px;}
.menu .menu_forecast_seaArea_panel .seaArea_content{background: #FFF; border: 1px solid #FFF; border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);}
.menu .menu_forecast_seaArea_panel .area,.timeliness{padding: 7px 0px 7px 14px;}
.menu .menu_forecast_seaArea_panel .area label{margin: 0px 26px 0px 2px;}
.menu .menu_forecast_seaArea_panel .timeliness label{margin: 0px 11px 0px 2px;}

.menu .menu_earlyWarning{/*height: 62px;*/height: 70px;}
.menu .menu_earlyWarning .tb{background-image: url("../images/u57_1.png"); background-repeat: no-repeat; background-position: center left;}

.menu .menu_forecast_weather{/*height: 62px;*/height: 70px;}
.menu .menu_forecast_weather .tb{background-image: url("../images/u59_1.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_forecast_weather_panel{display: none; position: absolute; width: 240px; top: 0px; left: 51px; padding: 0px 0px 0px 20px;}
.menu .menu_forecast_weather_panel .menu_forecast_weather_content{ background: #FFF;/* border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);*/ padding: 3px 0px 3px 0px; border: 1px solid #cad3e0; border-left: none;}
/*.menu .menu_forecast_weather_panel .menu_forecast_weather_content{background: #FFF; border: 1px solid #FFF; border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);}*/
.menu .menu_forecast_weather_panel .area,.timeliness{padding: 7px 0px 7px 7px;}
.menu .menu_forecast_weather_panel .area label{margin: 0px 15px 0px 2px;}
.menu .menu_forecast_weather_panel .timeliness label{margin: 0px 20px 0px 2px;}

.menu .menu_rainFall{/*height: 62px;*/height: 70px;}
.menu .menu_rainFall .tb{background-image: url("../images/u61_1.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_rainFall_panel{display: none; position: absolute; width: 240px; top: 0px; left: 51px; font-family: '微软雅黑'; padding: 0px 10px 10px 20px;}
.menu .menu_rainFall_panel .menu_rainFall_content{background: #FFF; border: 1px solid #FFF;/* border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);*/  border: 1px solid #cad3e0; border-left: none;}
.menu .menu_rainFall_panel .menu_rainFall_content div{padding: 26px 0px 26px 14px;}
.menu .menu_rainFall_panel .menu_rainFall_content div.menu_rainFall_type label{margin: 0px 15px 0px 3px;}
.menu .menu_rainFall_panel .menu_rainFall_content div.menu_rainFall_desc label{margin: 0px 0px 0px 3px; width: 53px; display: inline-block;}



.menu .menu_disasterWeather{/*height: 62px;*/height: 70px;}
.menu .menu_disasterWeather .tb{background-image: url("../images/u63_1.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_disasterWeather_panel{display: none; position: absolute; width: 280px; top: 0px; left: 51px; font-family: '微软雅黑'; padding: 0px 10px 10px 20px;}
.menu .menu_disasterWeather_panel .menu_disasterWeather_content{background: #FFF; border: 1px solid #FFF;/* border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);*/  border: 1px solid #cad3e0; border-left: none;}
.menu .menu_disasterWeather_panel .menu_disasterWeather_type{padding: 10px 0px 10px 14px;}
.menu .menu_disasterWeather_panel .menu_disasterWeather_type label{margin: 0px 21px 0px 3px;}

.menu .menu_satelliteCloud{/*height: 62px;*/height: 70px;}
.menu .menu_satelliteCloud .tb{background-image: url("../images/u71_1.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_radar{/*height: 62px;*/height: 70px;}
.menu .menu_radar .tb{background-image: url("../images/u65_1.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_weatherLive{/*height: 62px;*/height: 70px;}
.menu .menu_weatherLive .tb{background-image: url("../images/u67_1.png"); background-repeat: no-repeat; background-position: center left;}

.menu .menu_forecast_numerical{/*height: 62px;*/height: 70px;}
.menu .menu_forecast_numerical .tb{background-image: url("../images/u69_1.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_forecast_numerical_panel{display: none; position: absolute; width: 240px; top: 0px; left: -260px; font-family: '微软雅黑'; padding: 0px 10px 10px 10px;}
.menu .menu_forecast_numerical_panel .menu_forecast_numerical_content{background: #FFF; border: 1px solid #FFF; border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);}
.menu .menu_forecast_numerical_panel .menu_forecast_numerical_content .menu_forecast_numerical_time{padding: 22px 0px 22px 14px;}
.menu .menu_forecast_numerical_panel .menu_forecast_numerical_content .menu_forecast_numerical_time label{margin: 0px 18px 0px 3px;}

.menu .menu_gridPoint{/*height: 62px;*/height: 70px;}
.menu .menu_gridPoint .tb{background-image: url("../images/u73_1.png"); background-repeat: no-repeat; background-position: center left;}
.menu .menu_gridPoint_panel{display: none; position: absolute; width: 240px; top: 0px; left: -260px; font-family: '微软雅黑'; padding: 0px 10px 10px 10px;}
.menu .menu_gridPoint_panel .menu_gridPoint_content{background: #FFF; border: 1px solid #FFF; border-radius: 4px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.65);}
.menu .menu_gridPoint_panel .menu_gridPoint_content .menu_gridPoint_time{padding: 22px 0px 22px 14px;}
.menu .menu_gridPoint_panel .menu_gridPoint_content .menu_gridPoint_time label{margin: 0px 18px 0px 3px;}

/*.legend{position: fixed; width: 90px; height: 26px; line-height: 26px; padding: 0px 10px 0px 0px; bottom: 30px; left: 10px; background: rgb(255,255,255); background: rgba(255,255,255,0.7); border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65); text-align: center; font-weight: bold; cursor: pointer; z-index: 7;}*/
/* .legend{position: fixed; bottom: 10px; left: 70px; width: 137px; height: 37px; background: url("../images/legend.png") no-repeat; z-index: 7;} */
.legend{position: fixed; bottom: 10px; left: 75px; width: 50px; height: 30px; line-height: 30px; z-index: 7; background-color: #4d94f8; border: 1px solid #3d83e5; border-radius: 4px; color: #FFF; font-size: 14px; padding: 0px 5px; cursor: pointer;}
.legend .tuli_up{border:6px solid; border-color: transparent transparent #FFF transparent; position: relative; top: -10px; left: 8px;}
.legend .tuli_down{border:6px solid; border-color: #FFF transparent transparent transparent; position: relative; top: 13px; left: 8px;}
.legendContent{display: none; position: fixed; width: 310px; left: 76px; bottom: 45px; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65); background: rgb(255,255,255); background: rgba(255,255,255,0.6); z-index: 7;}

.legendContent h3{font-size: 12px; height: 25px; line-height: 25px; border-bottom: 1px dashed #CCC; padding-left: 5px; clear: both;}
.legendContent ul{margin: 5px 0px; padding-left: 5px;}
.legendContent li{width: 100px; line-height: 16px; /*display: inline-block;*/ float: left;}
.legendContent span.round{width:8px; height:8px; border-radius:5px; display: inline-block; margin-right: 6px;}
.legendContent span.square{width:8px; height:8px; display: inline-block; margin-right: 6px;}
.legendSelected{color: #444;}
.legendUnSelected{color: #ddd;}

.aging{position: fixed; width: 260px; line-height: 26px; padding: 0px 10px 0px 10px; bottom: 30px; left: 350px; background: rgb(255,255,255); background: rgba(255,255,255,0.7); border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65); font-weight: bold; z-index: 7;}
.aging .agingTitle{position: relative;}
.aging .agingTitle .titleMinBtn{position: absolute; width: 16px; height: 16px; right: 25px; background: url("../images/TitleMinButton.png") no-repeat; cursor: pointer;}
.aging .agingTitle .titleMaxBtn{position: absolute; width: 16px; height: 16px; right: 0px; background: url("../images/TitleMaxButton.png") no-repeat; cursor: pointer;}
.aging .agingWindowMin{overflow: hidden;}
.aging .agingWindow .agingContent div{font-weight: normal; height: 20px; line-height: 20px;}


.group{position: fixed; top: 50px; left: 10px; width: 34px; height: 34px; background: url("../images/tools1.png") no-repeat 0px 0px; z-index: 8;}
.group .typhoon_infor0{display: block; position: relative; left: 25px; width: 32px; height: 32px; cursor: pointer;}
.group .tools0{display: block; position: absolute; left: 1px; top: 0px; width: 32px; height: 32px; cursor: pointer;}
.group .typhoon_detail0{display: block; position: absolute; left: 48px; top: 40px; width: 32px; height: 32px; cursor: pointer;}

.typhoon_inforContent{font-size: 14px; padding-left: 20px; background: url("../images/inform.png") no-repeat 0px 12px; float: right; height: 35px; line-height: 35px; color: #F07D01; padding-right: 10px; margin-top: 20px;}
/*
.typhoon_inforContent{display: none; position: fixed; height: 25px; line-height: 25px; padding: 5px 4px 2px 25px; top: 50px; left: 90px; background: rgb(255,255,255); background: rgba(255,255,255,0.7); border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65); z-index: 7; color: #F07D01;}
*/
.toolslist{position: fixed; height: 23px; padding: 5px; top: 70px; right: 10px; background: rgb(255,255,255); background: rgba(248,249,249); border: 1px solid #CCC; border-radius: 4px;/* box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65);*/ text-align: center; font-weight: bold; cursor: pointer; z-index: 7; border-left: 4px solid blue;}
.toolslist .allTools{
	display: inline-block;
}
.toolslist dl{display: block; position: absolute; width: 30px;}
.toolslist span,.toolslist dt{display: inline-block; float: left; margin-left: 5px; width: 22px; height: 22px;/* margin-top: 10px;*/ cursor: pointer;}
.toolslist span.toolsbtn{margin-left: 0px; margin-top: 0px;}
.toolslist span.l-a{background: url("../images/tools.png") no-repeat -46px 0px; }
.toolslist span.r-a{background: url("../images/right-arrow.png") no-repeat; }
.toolslist span.fullScreen{background: url("../images/u8.png") no-repeat;}
.toolslist span.fullScreen:hover{background: url("../images/u8.png") no-repeat -23px 0px;}
.toolslist span.totalGraph{background: url("../images/u10.png") no-repeat;}
.toolslist span.totalGraph:hover{background: url("../images/u10.png") no-repeat -23px 0px;}
.toolslist .mapLayerDiv{display: inline-block; height: 22px;}
.toolslist .mapLayerDiv .spt{border-left: 1px solid #ccc; width: 0px; height: 18px; position: relative; top: 3px;}
/*.toolslist span.magnify{background: url("../images/u12.png") no-repeat;}
.toolslist span.shrink{background: url("../images/u14.png") no-repeat;}
*/
.toolslist span#mselected{background-position: -46px 1px;}
.toolslist span.measure{background: url("../images/u16.png") no-repeat;}
.toolslist span.measure:hover{background: url("../images/u16.png") no-repeat -24px 0px;}
.toolslist span.fangda{background: url("../images/u18.png") no-repeat;}
.toolslist span.fangda:hover{background: url("../images/u18.png") no-repeat -24px 0px;}
.toolslist span.suoxiao{background: url("../images/u20.png") no-repeat;}
.toolslist span.suoxiao:hover{background: url("../images/u20.png") no-repeat -23px 0px;}
.toolslist span#selected{background-position: -46px 1px;}
.toolslist span.dmap{background: url("../images/u22.png") no-repeat}
.toolslist span.dmap:hover{background: url("../images/u22.png") no-repeat -23px 1px;}
.toolslist span.tmap{background: url("../images/u24.png") no-repeat;}
.toolslist span.tmap:hover{background: url("../images/u24.png") no-repeat -23px 0px;}
.toolslist span.smap{background: url("../images/u26.png") no-repeat;}
.toolslist span.smap:hover{background: url("../images/u26.png") no-repeat -23px 0px;}

/*
.toolslist dt.changeMap{background: url("../images/u22.png") no-repeat}
.toolslist dd.maplist{display: none; position: fixed; width: 80px; line-height: 26px; top: 355px; left: 85px; background: rgb(255,255,255); background: rgba(255,255,255,0.5); border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65); text-align: center; font-weight: bold; cursor: pointer; z-index: 7;}
.toolslist span.capture{background: url("../images/u20.png") no-repeat; background-color: #000;}
.toolslist span.left_arrow{width: 0px; height: 0px; border:10px solid; border-color: transparent #000 transparent transparent; margin-left: 0px;}
.toolslist span.right_arrow{width: 0px; height: 0px; border:10px solid; border-color: transparent transparent transparent #000; margin-left: 0px;}
*/
.typhoon_detailContent{position: fixed; width: 200px; left: 97px; top: 89px; border: 1px solid #CCC; border-radius: 15px 4px 4px 4px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.65); background: rgb(255,255,255); background: rgba(255,255,255,0.5); z-index: 7; display: none;}
.typhoon_detailContent .detailTitle{padding: 5px;}
.typhoon_detailContent .detailTitle .playBtn{background: url("../images/bf.png"); display: inline-block; width: 20px; height: 20px; position: relative; top: 4px; left: 30px; cursor: pointer;}
.typhoon_detailContent .detailTitle .typhoonName{color: #E48D26; font-size: 13px; font-weight: bold; padding: 0px 0px 0px 30px;}
.typhoon_detailContent .typhoon_des{padding: 2px 5px;}
.typhoon_detailContent .detailTable{width: 200px;}
.typhoon_detailContent .detailTable table{width: 100%;}
.typhoon_detailContent .detailTable table tr{text-align: center; line-height: 23px;}
/*.typhoon_detailContent .detailTable table tr td{padding: 3px}*/
.typhoon_detailContent .detailTable table tr .tblTitle{ width: 60px; text-align: left; padding-left: 5px;}
.typhoon_detailContent .detailTable table tr .detailData{font-size: 12px; font-weight: bold; text-align: left;}


@font-face{font-family: 'meteorological'; src: url("Meteorological-Font.ttf")format('truetype'),url("Meteorological-Font.eot");}
.fxg{display: block; width: 15px; font-family:'meteorological'; font-size: 22px; font-weight: bold; position: absolute; top: 10px; left: -15px;}

:-webkit-full-screen {background-color: black; position: fixed; top: 0; right: 0; left: 0; bottom: 0;}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-button {
    width: 8px;
    height:5px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}

.leaflet-right{
	width: 500px;
}
.leaflet-control{
	clear: none;
}
.panelsDiv .slimScrollDiv{
	min-height: 200px;
}
.panelsDiv .typhoonTab{
	min-height: 200px;
}